<%@ page language="java" contentType="text/html; charset=UTF-8"  
pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
	<div class="page-header">
		<h3 class="font24">Intro</h3>
		<hr/>
		<div class="tabbable tabs-left">
			<ul class="fleft nav nav-tabs" id="myTab">
				<li><a class="fontintro fblack" href="#aboutus"  data-toggle="tab" >About us</a></li>
				<li><a class="fontintro fblack fclear" href="#aboutus1"  data-toggle="tab" >History</a></li>
				<li><a class="fontintro fblack fclear" href="#aboutus2" data-toggle="tab" >Press</a></li>
				<li><a class="fontintro fblack fclear" href="#aboutus3" data-toggle="tab" >Contact us</a></li>
			</ul><!-- side menu -->
			<div class="tab-content clearf">
				<div class="aboutus1" id="aboutus4" >
					<div >
						<figure>
							 <img src="img/main/aboutus.png">
						 </figure>
					</div>
				</div>	
				<div class="aboutus" id="aboutus" >
					<div >
						<figure>
							 <img src="img/main/aboutus.png">
						 </figure>
					</div>
				</div>
				<div class="aboutus" id="aboutus1" >
					<div >
						<figure>
							 <img src="img/main/History.png" >
						 </figure>
					</div>
				</div>
				<div class="aboutus" id="aboutus2" >
					<div >
						<figure>
							 <img src="img/main/Press.png" >
						 </figure>
					</div>
				</div>
				<div class="aboutus" id="aboutus3" >
					<div >
						<figure>
							 <img src="img/main/Contact us.png" >
						 </figure>
					</div>
				</div>
			</div><!-- contents -->
		</div>
	</div>
<script type="text/javascript">
	$('#myTab a').click(function(e) {
		e.preventDefault();
		$(this).tab('show');
		$("#aboutus4").css("display","none");
		
	});
	
</script>
